import React, { Component } from 'react'
import Parent from './components/Parent'
/*
  跨级组件的通信
  1、新建一个js文件，该文件主要用来创建React的上下文对象
  2、在App根组件上通过上下文对象中Provider来提供信息
  3、消费者接收的时候两种方式来接收
    1）使用Customer来接收
    2) 定义接收的组件contextType指定上下文对象
    实现步骤
    第1步：在接收的类组件中使用  类名.contextType=上下文对象
    第2步：在要接收的类组件的render中使用{this.context.key}
    注意：这种方式仅限于类组件，函数组件不能使用

*/
import MyContxt from '@/mycontext'
export default class App extends Component {
  render() {
    return (
      <MyContxt.Provider value={{msg:'我是爷爷'}}>
        <div style={{
          display:'flex',
          justifyContent:'center',
          alignItems:'center',
          width:'400px',
          height:'400px',
          backgroundColor:'red'
        }}>
          <Parent/>
      </div>
      </MyContxt.Provider>
    )
  }
}
